<div class='content'>
	<h2>JS简介</h2>
<pre class='saying'>"Your time is limited, so don't waste it living someone else's life." - Steve Jobs</pre>

<pre class='saying'>以大多数人的努力程度之低，根本轮不到拼天赋...</pre>

	<p>JavaScript是一种运行在浏览器中的解释型的编程语言。JavaScript ( JS ) 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。JavaScript 是一种基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。</p>

	<p><a href="https://www.javascript.com/learn/strings" class="external text" rel="nofollow" title='' target="_blank">JavaScript</a> 现在几乎无处不在。 Web is the dominant platform and you can find web enabled devices everywhere. And as you know JavaScript is a vital part of it. </p>

	
	
	<p><a href="https://nodejs.org/en/" class="external text" rel="nofollow" title='' target="_blank">Node.js®</a> is a JavaScript runtime built on Chrome's V8 JavaScript engine. NodeJS helped to pave way towards JavaScript on the backend. It has become hugely popular.
	| Node的包管理器 
	<a href="https://www.npmjs.com" class="external text" rel="nofollow" title='' target="_blank">npm </a> is the package manager for JavaScript and the world’s largest software registry. Discover packages of reusable code — and assemble them in powerful new ways.</p>
	
	
	<hr>
	<p><a href="https://www.tslang.cn/" class="external text" rel="nofollow" title='' target="_blank">(TS中文站点)</a> / <a href="http://www.typescriptlang.org/" class="external text" rel="nofollow" title='' target="_blank">JavaScript (ts) </a> 是  js 的一个超集，支持 ECMAScript 6 标准。
	TypeScript 由微软开发的自由和开源的编程语言。
	TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在任何浏览器上。</p>
	
	<p>jQ源码阅读:
		<a class="button blue" href="https://www.cnblogs.com/aaronjs/p/3279314.html" class="external text" rel="nofollow" title='' target="_blank">jQuery源码分析系列</a> | 
		<a href="https://github.com/dawneve/dawnJS" class="external text" rel="nofollow" title='' target="_blank">dawnJS & 笔记</a> | 
	</p>
	
	<p>教程： 
	
		<a href="https://www.liaoxuefeng.com/wiki/1022910821149312" target="_blank">廖雪峰js教程 </a> |
		<a href="http://bonsaiden.github.io/JavaScript-Garden/zh/" target="_blank">JavaScript 秘密花园</a> | 
		<a href="https://www.cnblogs.com/rubylouvre/p/3658441.html" target="_blank">司徒正美《javascript框架设计》</a> | 
		<a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript" target="_blank">MDN web docs</a> | 
		<a href="https://javascript.info/" target="_blank" title="The Modern JavaScript Tutorial">JavaScript.info 全面教程</a> | 
	</p>
	
<pre>
jq CDN:
http://libs.baidu.com/jquery/1.11.1/jquery.min.js

js 版俄罗斯方块: 使用 Vue、Vuex 制作的俄罗斯方块
https://tetris.ee-fans.com/

js console: https://jsconsole.com/
</pre>	
	
	
	
	
	<h2>项目描述</h2>

	<p>这个系列博客起源于 <a href="http://tieba.baidu.com/p/4247533929?pid=81699881952" class="external text" rel="nofollow" title='' target="_blank">百度贴吧</a> 上的一个帖子。当时javascript吧没有吧主（原因大家懂的），广告十分多，就决定写一个比广告好的帖子。
<pre>
英语听写对答案的工具：可拖拽的实现提示框：
var s=document.createElement("script");s.src="http://ielts.biomooc.com/static/js/dragBar.js";document.body.append(s);
var s=document.createElement("script");s.src="http://ielts.dawneve.cc/static/js/dragBar.js";document.body.append(s);
</pre>


	<p>今天开始。写一本庸俗的书 <a target="_blank" href="http://jslecture.biomooc.com/">《js从入门到精通》</a>，主要是为了系统再学习一遍。不过万一出版了呢？(目前看，进度太差，出版无望。)</p>
	<ul>
		<li>打算从最基础的说起，反复说，越说越细。</li>
		<li>案例和面试题驱动。</li>
		<li>包括语言核心, dom, bom, nodejs, 新概念, 工程化等。</li>
		<li>起点是html css基础。</li>
	</ul>
	<p>同时发起一个js库：<a href='http://jslecture.biomooc.com/' target="_blank">jsLecture</a>
	<p>同时发起一个js库：<a href='index.php?k=javascript&id=1_7' target="_blank">dawnJS</a>
		(<a href="https://github.com/DawnEve/dawnJS">dawnJS At github</a>)
	，贯彻学习js的整个过程，封装一些常用的功能：
	数组，对象，事件，css，日期，正则，动画，验证，函数，</p>
		<p>参考 https://github.com/MrXujiang/Xquery</p>


	<h3>知识点</h3>
	<p>欢迎新老朋友加入！！容我先想想知识点和目录结构，以后按需修改。</p>
<pre>
outline:
简介; 
语法基础:数据类型、运算符、控制结构。
对象:Array、Object、Function
面向对象编程*;
字符串和正则表达式*;
表单处理；

	函数、匿名函数、函数嵌套、链式调用、立即执行函数、
	作用域scope、闭包closure、原型、继承、类的实现、
	模块模式、沙箱模式、
	单例模式、
	arguments对象、
	
	DOM-文档对象模型、dom获取、dom创建、dom属性添加、dom插入、dom删除、dom克隆、
	兼容性的处理、
	事件、事件绑定、事件冒泡、事件捕获(https://segmentfault.com/a/1190000004463384)
	css属性获取与设定、
	定时器、动画（链式运动、跳跃运动、）
	XHR、json、
	
	cookie、
	BOM-浏览器对象模型、location重定向、history后退与前进、
窗口与框架：frameset、frame、iframe;

	
	
	框架（jQuery）
	
	nodeJS：
	
	MVC框架：http://emberjs.com/
		angularJS
		React Native
	
	ES6: http://www.crimx.com/2015/03/09/es6-function-vs-block-scope/
		
	
Stoyan Stefanov《JavaScript Patterns》(JavaScript模式):编写高质量JavaScript的一些要素，例如避免全局变量，使用单变量声明，在循环中预缓存length(长度)，遵循代码阅读，以及更多。
</pre>

<h3>目录结构</h3>
<pre>

目录参考
1.JavaScript语言精髓与编程实践(第2版)
http://product.dangdang.com/22628482.html
http://www.java1234.com/a/javabook/webbase/2013/1018/924.html
作者：周爱民（Aimingoo），国内软件开发界资深软件工程师、架构师，技术作家。有十余年的软件开发、项目管理、团队建设的经验。
简介：专注于语言本身，对浏览器编程较少。函数式编程、动态语言、继承实现。

2.JavaScript从入门到精通（第3版）
http://product.dangdang.com/23439747.html
作者：苏灵[美]（Steve Suehring），技术架构师，爱好写作，涉及主题有编程、安全、网络与系统管理、操作系统等，尤其擅长于向初学者介绍基础知识。
简介：step by step风格，一次只介绍一个点。

-----------------------
本书要求读者有一定的html和css基础。

第一章：js基础
	1.历史：起源于x年，经历ES3 5 6版本。随着x年nodejs的崛起，js开始发力后台服务器端。
	2.使用：浏览器中3种引入方式：行内、标签内、单独js文件。nodejs见第x章。
	3.基本数据类型：x种基本数据类型：string/number/bool ，引用类型：对象、数组；
		js变量类型：http://www.veryhuo.com/a/view/37892.html
	4.运算符：
	5.控制结构：
	6.函数：
	7.表达验证和正则表达式：
	8.dom操作：
	9.bom操作：
	10.良好编码风格
	11.开发工具：
		eclipse中安装aptana：http://blog.sina.com.cn/s/blog_4a277806010109w5.html
		
第二章：原型和原型链
	1.原型

	
第三章：闭包和高级函数
	1.作用域和作用域链
	2.闭包概念
	n.匿名函数与匿名闭包：两种类型
		(function(){})()
		(function(){}())
	3.函数存储
	4.模块模式：(http://www.crimx.com/2014/08/05/javascript-module-pattern-in-depth/)
		松耦合
		私有变量、私有方法
		子模块


第x章：nodeJS和构建工具
	
第x章：js库与框架
	1.jQuery
	2.单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。
		开放源代码JavaScript框架来简化创建SPA的任务，例如：Ember、Backbone、Angular、Knockout、DurandalJS和Hot Towel等等。
	2.前端MVC框架： 
		Ember.js:https://github.com/emberjs/ember.js (A JavaScript framework for creating ambitious web applications)
		
第x章：设计模式
	


1. http://blog.sina.com.cn/s/blog_4a27780601013zcr.html
读完月影的JavaScript王者归来后，感觉其它任何的javascript的基础理论书的出版都是多余的，
而看完jquery手册后，感觉学习javascript本身是多余的。


</pre>
	
	


	
	<h2>最新进展</h2>
	<p>2016-1-4 <a href="http://tieba.baidu.com/p/4247533929?pid=81699881952" class="external text" rel="nofollow" title='' target="_blank">立项</a></p>
	<p>2016-2-28 写了目录结构v1.0</p>
	
	<p>翻译的最新js资料：<a href='http://www.crimx.com/' target="_blank">最新js资料翻译</a></p>
	
	<h2>what's new?</h2>
	<p>响应式布局</p>
	<p> 即时通讯 技术: 轮询、长轮训、websocket</p>
	
	<p>Uncaught SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode(…)
</p>
	
</div>